﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="AboutUs.aspx.cs" Inherits="RedHouse.Web.AboutUs" %>
<%@ Register Src="~/UserControls/UCNewsDetail.ascx" TagPrefix="uc" TagName="ucDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
 <script type='text/javascript' src='Scripts/jquery.cookie.js'></script>
  <script type='text/javascript' src='Scripts/jquery.hoverIntent.minified.js'></script>
  <script type='text/javascript' src='Scripts/jquery.dcjqaccordion.2.7.min.js'></script>
  <script type="text/javascript">
      $(document).ready(function () {
          $('#slider').nivoSlider({
              effect: "fade",
              slices: 5,
              boxCols: 8,
              boxRows: 4,
              animSpeed: 500,
              pauseTime: 3500,
              startSlide: 0,
              directionNav: true,
              directionNavHide: true,
              controlNav: true,
              controlNavThumbs: false,
              controlNavThumbsFromRel: false,
              keyboardNav: true,
              pauseOnHover: false
          });

          $('#accordion-menu').dcAccordion({
              eventType: 'click',
              autoClose: true,
              saveState: true,
              disableLink: true,
              speed: 'fast',
              classActive: 'test',
              showCount: false,
              classActive: 'active'
          });

          $("#testfancy1").click(function () {
              $.fancybox([
				'images/home-2.jpg'
			], {
			    'centerOnScroll': 'true',
			    'padding': 10,
			    'transitionIn': 'elastic',
			    'transitionOut': 'elastic',
			    'type': 'image',
			    'changeFade': 500,
			    'overlayColor': '#000',
			    'overlayOpacity': 0.9
			});
          });

          $("#testfancy2").click(function () {
              $.fancybox([
				'images/home-3.jpg'
			], {
			    'centerOnScroll': 'true',
			    'padding': 10,
			    'transitionIn': 'elastic',
			    'transitionOut': 'elastic',
			    'type': 'image',
			    'changeFade': 500,
			    'overlayColor': '#000',
			    'overlayOpacity': 0.9
			});
          });

          $("#testfancy3").click(function () {
              $.fancybox([
				'images/home-4.jpg'
			], {
			    'centerOnScroll': 'true',
			    'padding': 10,
			    'transitionIn': 'elastic',
			    'transitionOut': 'elastic',
			    'type': 'image',
			    'changeFade': 500,
			    'overlayColor': '#000',
			    'overlayOpacity': 0.9
			});
          });

          $("#testfancy4").click(function () {
              $.fancybox([
				'images/home-5.jpg'
			], {
			    'centerOnScroll': 'true',
			    'padding': 10,
			    'transitionIn': 'elastic',
			    'transitionOut': 'elastic',
			    'type': 'image',
			    'changeFade': 500,
			    'overlayColor': '#000',
			    'overlayOpacity': 0.9
			});
          });          
          $("#nav li").removeClass("active");
          $("#menu-about").addClass("active");
      });
  </script>
  <style>
	#slider .nivo-controlNav {
		width:570px; 
		height:20px; 
	}
	
	#slider {
		width:580px; 
		height:520px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border:1px solid white;
		-moz-box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		box-shadow: 1px 1px 3px #ccc;
		behavior: url(PIE.htc);
	}
  </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="col-left">
        <div class="left-title">
            <h1>
                <%=RedHouse.Web.Resources.lnkRedHouseAbout %></h1>
        </div>
        <div class="left-content">
            <ul class="accordion" id="accordion-menu">
                <%
                    if (NewsList != null)
                    {
                        foreach (RedHouse.Data.Entities.RedHouseNews item in NewsList)
                        {%>
                <li><a href="AboutUs.aspx?id=<%=item.Id %>" class="level-1 active">&nbsp;&nbsp;&nbsp;&nbsp;<%=item.NewsDetail.Title%></a></li>
                  <%}
                    } %>
            </ul>
        </div>
    </div>
    <!-- END .col-left -->
    <div class="col-main">
        <div class="main-title">
        </div>
        <div class="main-content">
           <uc:ucDetail ID="ucDetail" runat ="server" />
        </div>
    </div>
    <!-- END .col-main -->
</asp:Content>
